import React from 'react';

export default function Index() {
  return (
    <footer className="footer sm:footer-horizontal bg-new-bg-sec dark:bg-new-bg-sec-dark text-base-content p-10">
      <aside className="w-[90%]">
        <div className="w-full flex justify-end">
          <img src="/images/logo.png" width={'86px'}></img>
        </div>
        <p className="w-full text-right">
          Haogege home page.
          <br />
          <a href='https://beian.miit.gov.cn/' target='_blank'>蜀ICP备20010923号</a>
          <br/>
          Copyright © 2025 haogege. All Rights Reserved.
        </p>
      </aside>
      <nav>
        <h6 className="footer-title">相关推荐</h6>
        <a className="link link-hover">Branding</a>
        <a className="link link-hover">Design</a>
        <a className="link link-hover">Marketing</a>
        <a className="link link-hover">Advertisement</a>
      </nav>

      <nav>
        <h6 className="footer-title">友情链接</h6>
        <a className="link link-hover">About us</a>
        <a className="link link-hover">Contact</a>
        <a className="link link-hover">Jobs</a>
        <a className="link link-hover">Press kit</a>
      </nav>
      <nav>
        <h6 className="footer-title">关于作者</h6>
        <a className="link link-hover">Terms of use</a>
        <a className="link link-hover">Privacy policy</a>
        <a className="link link-hover">Cookie policy</a>
      </nav>
    </footer>
  );
}
